<div class="detail-buy clearfix">
   <div class="product-img">
        <div class="swiper-container swiper-detail-buy">
            <div class="swiper-wrapper">
                <div class="swiper-slide product-img-item">
                    <img class="fullimg" src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-shopapi-pms/pms_1581493999.49592807.jpg">
                </div>
                <div class="swiper-slide product-img-item">
                    <img class="fullimg" src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-shopapi-pms/pms_1581494007.95093061.jpg">
                </div>
                <div class="swiper-slide product-img-item">
                    <img class="fullimg" src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-shopapi-pms/pms_1581494035.87983360.jpg">
                </div>
                <div class="swiper-slide product-img-item">
                    <img  class="fullimg" src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-shopapi-pms/pms_1581494016.59194995.jpg">
                </div>
                <div class="swiper-slide product-img-item">
                    <img class="fullimg" src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-shopapi-pms/pms_1581494025.96411491.jpg">
                </div>
            </div>
            <div class="swiper-pagination swiper-pagination-white"></div>
        </div>
        <div class="swiper-detail-swiper-btn swiper-detail-buy-prev"><span class="iconfont">&#xe744;</span></div>
        <div class="swiper-detail-swiper-btn swiper-detail-buy-next"><span class="iconfont">&#xe743;</span></div>
   </div>
   <div class="product-buy-select">
        <p class="title">小米10</p>
        <p class="func-desc">
            <span class="themecolor">「最高享12期免息，低至317元起/期；可使用北京消费券；购机尊享特惠加价购」</span>
            <span>骁龙865处理器</span>
            <span>/</span>
            <span>1亿像素8K电影相机</span>
            <span>/</span>
            <span>1亿像素8K电影相机</span>
            <span>/</span>
            <span>1亿像素8K电影相机</span>
            <span>/</span>
            <span>多功能NFC</span>
            <span>/</span>
            <span>多功能NFC</span>
            <span>/</span>
            <span>多功能NFC</span>
            <span>/</span>
            <span>多功能NFC</span>
            <span>/</span>
            <span>多功能NFC</span>
            <span>/</span>
        </p>

        <p class="themecolor">小米自营</p>
        <p class="price"><span class="price-now">3799 元</span><del class="price-pre">3999 元</del></p>
        <div class="line horizontal-line"></div>

        <div class="address">
            <span class="iconfont">&#xe632;</span>
            <div class="address-detail">
                <span>北京</span>
                <span>北京市</span>
                <span>海淀区</span>
                <span>清河街道</span>
                <span class="themecolor">修改</span>
                <br>
                <span class="themecolor">有现货</span>
            </div>
        </div>

        <p class="sub-title">选择版本</p>
        <div class="select-box">
            <span class="item select-item">8GB + 18GB</span>
            <span class="item">8GB + 18GB</span>
            <span class="item">8GB + 18GB</span>
        </div>

        <p class="sub-title">选择颜色</p>
        <div class="select-box">
            <span class="item select-item">国风雅灰</span>
            <span class="item">国风雅灰</span>
            <span class="item">国风雅灰</span>
            <span class="item">国风雅灰</span>
        </div>

        <p class="sub-title">选择小米提供的意外保护 <span class="know-accident">了解意外保护</span></p>
        <div class="accident-content">
            <div class="item">
                <span class="item-checkbox"><input type="checkbox" name="read[]"></span>
                <span class="item-icon">
                    <img class="fullimg" src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-shopapi-pms/pms_1581590040.81717112.jpg">
                </span>
                <div class="item-content">
                    <p class="title">意外保障服务器 <span class="price">349元</span></p>
                    <p class="condition">手机意外碎屏/进水/碾压等损坏</p>
                    <p class="question"><input type="checkbox" name="read[]">我已阅读 <span class="themecolor">服务条款</span><span class="themecolor">|</span><span class="themecolor">常见问题</span></p>
                </div>
                <span class="accident-price">349元</span>
            </div>
            <div class="item">
                <span class="item-checkbox"><input type="checkbox" name="read[]"></span>
                <span class="item-icon">
                    <img class="fullimg" src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-shopapi-pms/pms_1581590040.81717112.jpg">
                </span>
                <div class="item-content">
                    <p class="title">意外保障服务器 <span class="price">349元</span></p>
                    <p class="condition">手机意外碎屏/进水/碾压等损坏</p>
                    <p class="question"><input type="checkbox" name="read[]">我已阅读 <span class="themecolor">服务条款</span><span class="themecolor">|</span><span class="themecolor">常见问题</span></p>
                </div>
                <span class="accident-price">349元</span>
            </div>
        </div>

        <p class="sub-title">选择小米的延长保修</p>
        <div class="accident-content">
            <div class="item">
                <span class="item-checkbox"><input type="checkbox" name="read[]"></span>
                <span class="item-icon">
                    <img class="fullimg" src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-shopapi-pms/pms_1581590040.81717112.jpg">
                </span>
                <div class="item-content">
                    <p class="title">意外保障服务器 <span class="price">349元</span></p>
                    <p class="condition">手机意外碎屏/进水/碾压等损坏</p>
                    <p class="question"><input type="checkbox" name="read[]">我已阅读 <span class="themecolor">服务条款</span><span class="themecolor">|</span><span class="themecolor">常见问题</span></p>
                </div>
                <span class="accident-price">349元</span>
            </div>
        </div>

        <div class="total">
            <p class="total-title">小米10 12GB+256GB 冰海蓝 <span class="total-title-price">4399元 <del>4699元</del></span></p>
            <p class="total-service">延长保修服务<span class="total-service-price">159元</span></p>
            <p class="count">总计：4558元</p>
        </div>

        <div class="shopcar">
            <span class="shopcar-item shopcar-btn">加入购物车</span>
            <span class="shopcar-item fav-btn"><span class="iconfont">&#xe711;</span>喜欢</span>
        </div>

        <div class="btn-box">
            <span class="btn-item"><span class="iconfont">&#xe610;</span>小米自营</span>
            <span class="btn-item"><span class="iconfont">&#xe610;</span>7天无理由退货</span>
            <span class="btn-item"><span class="iconfont">&#xe610;</span>小米自营</span>
            <span class="btn-item"><span class="iconfont">&#xe610;</span>7天无理由退货</span>
            <span class="btn-item"><span class="iconfont">&#xe610;</span>小米自营</span>
            <br>
            <span class="btn-item"><span class="iconfont">&#xe610;</span>7天无理由退货</span>
            <span class="btn-item"><span class="iconfont">&#xe610;</span>小米自营</span>
            <span class="btn-item"><span class="iconfont">&#xe610;</span>7天无理由退货</span>
        </div>
   </div>
</div>